// 1. 给 ol 下面的每一个 li 绑定点击事件
$('.top > ol > li').click(function (){
    console.log('点击');
    window.scrollTo({
        top: $('.floor > li').eq($(this).index()).offset().top,
        behavior: 'smooth'
    })
    })
// 2. 给 widnow 绑定 scroll 事件
$(window).scroll(() => {
    // 2-2. 拿到浏览器卷去的高度
    const scrollTop = document.documentElement.scrollTop || document.body.scrollTop
    console.log('浏览器卷曲的高度', scrollTop);
    // 2-3. 循环遍历 ul 下面的每一个 li
    for (let i = 0; i < $('.floor > li').length; i++) {
        // 2-4. 判断哪一个 li 的高度小于页面卷去的高度了
        if ($('.floor > li').eq(i).offset().top <= scrollTop) {
        // 2-5. 给对应得 ol 下面的 li 添加类名
        $('.top > ol > li').eq(i).addClass('act').siblings().removeClass('act')
        }
    }
    if(scrollTop < 2880){
        $('.top').css('visibility', 'hidden')
    }else{
        $('.top').css('visibility', 'visible')
    }
    })


    // 3. 回到顶部
    $('.top > button').click(() => {
    // window.scrollTo({ top: 0, behavior: 'smooth' })

    $('html').animate({
        scrollTop: 0
    }, 2000)
    })